<template>
  <transition name="wechat">
    <div v-if="userStore.wechat_dialog" class="wechat_dialog">
      <img src="@/assets/wechat.jpg" alt="" />
    </div>
  </transition>
</template>

<script setup>
  import useUserStore from '@/store/userStore'
  const userStore = useUserStore()
</script>

<style lang="less" scoped>
  .wechat_dialog {
    position: fixed;
    left: 30%;
    top: 10%;
    width: 400px;
    height: 530px;
    border-radius: 20px;
    overflow: hidden;
    z-index: 999;
    img {
      width: 100%;
    }
  }
</style>
